﻿@using ABC.Controllers.ViewModels.My
@using ABC.Core.Extentions
@model CalcOsagoViewModel
@{
    ViewBag.Title = "Osago";
    Layout = "~/Views/Shared/_MyLayout.cshtml";
}
<script>
    var companies = JSON.parse('@Html.Raw(Model.Companies)');
    function PostData() {
        $('#result tbody > tr').remove();
        var form = $("#form1");
        $.ajax({
            url: '@Url.Action("CalcOsago", "Information")',
            type: "POST",
            data: form.serialize(),
            success: function (data) {
                if (data[0].indexOf("td") > -1) {
                    $("#osago-calculate tbody tr").html(data[0]);
                    $("#best-deals p.text-placeholder").addClass("hide");
                } else {
                    alert(data);
                }
                if (data[1]) {
                    $("#Id").val(data[1]);
                }
                $("#companies tbody").text("");
                for (var i = 0; i < companies.length; i++) {
                    var tr = "<tr><td>" + companies[i].Name + "</td><td><button class='btn' data-loading-text='Сохранение расчета' data-complete-text='Расчет сохранен' autocomplete='off' onclick='SaveCalculation(this);' company-id='" + companies[i].Id + "'>Сохранить расчет</button></td></tr>";
                    $("#companies tbody").append(tr);
                }
            },
            error: function (jqXhr, textStatus, errorThrown) {
                //делаем что-то в случае ошибки
            },
            complete: function () {
                //делаем что-то по завершению
            }
        });
    }
    function ChangeDrivers(eventObj) {
        if ($("#limitedDrivers").is(":checked")) {
            $("#min-age").parents(".control-group").removeClass("hide");
            $("#min-period").parents(".control-group").removeClass("hide");
        } else if ($("#unlimitedDrivers").is(":checked")) {
            $("#min-age").parents(".control-group").addClass("hide");
            $("#min-period").parents(".control-group").addClass("hide");
        }
    }

    function HideDrop() {
        if ($("input[name='placeregister']").is(":checked")) {
            $("#useperiod").parents(".control-group").addClass("hide");
        }
        else {
            $("#useperiod").parents(".control-group").removeClass("hide");
        }
    }
    function SaveCalculation(obj) {
        $.ajax({
            url: '@Url.Action("SaveCalculationOsago", "Information")',
            type: "POST",
            data: { companyId: $(obj).attr("company-id"), calcId: $("#Id").val(), companyName: $(obj).parents("tr").children("td").eq(0).text() },
            beforeSend: function () {
                $(obj).button('loading');
            },
            success: function (data) {
                if (data) {
                    $(obj).addClass("btn-success");
                    $(obj).button('complete');
                    $(obj).attr("onclick", "location.href='" + data + "'");
                }
            }
        });
    }
</script>
<div class="page-header">
    <h2>
        Расчет тарифа ОСАГО</h2>
</div>
<!--// Данные для экспресс-расчета -->
<div class="row-fluid">
    <div class="span6">
        @using (Html.BeginForm("CalcOsago", "Information", FormMethod.Post, new { @class = "form-horizontal", id = "form1" }))
        {
            @Html.HiddenFor(x => x.Id)
            @Html.HiddenFor(x => x.ObjectId)
            <div class="control-group">
                <label class="control-label" for="ObjectName">
                    Объект страхования</label>
                <div class="controls">
                    <div class="input-append">
                        @Html.TextBoxFor(x => x.ObjectName, new {@class="input-large", size = "16", placeholder = "Транспортное средство" })<button class="btn" type="button" rel="tooltip" data-toggle="modal" onclick="$('#objects-list').modal('show');"
                            title="Выбрать из списка">
                            <i class="icon-list"></i>
                        </button>
                    </div>
                </div>
            </div>	
            <div class="control-group">
                <label class="control-label" for="owner">
                    Собственник ТС</label>
                <div class="controls">
                    <label class="radio inline">
                        <input type="radio" name="owner" value="Физическое лицо" checked="checked">
                        Физическое лицо
                    </label>
                    <label class="radio inline">
                        <input type="radio" name="owner" value="Юридическое лицо">
                        Юридическое лицо
                    </label>
                </div>
            </div>
            <div class="control-group">
                <label class="control-label" for="conditions">
                    Особые условия</label>
                <div class="controls">
                    <label class="checkbox">
                        <input type="checkbox" name="registerinforeign" id="conditions" value="">
                        ТС зарегистрированно в иностранном государстве
                    </label>
                    <label class="checkbox">
                        <input type="checkbox" name="placeregister" value="-3" onchange="HideDrop();">
                        ТС следует к месту регистрации
                    </label>
                </div>
            </div>
            <div class="control-group">
                <label class="control-label" for="category">
                    Категория ТС</label>
                <div class="controls">
                    <select class="input-large" id="category" name="category">
                        <option value="А">A - мотоцикл и мотороллер </option>
                        <option value="B" selected="selected">B - легковой автомобиль </option>
                        <option value="C">С - Грузовые с разреш. максимальной массой 16 т. и менее </option>
                        <option value="C2">С - Грузовые с разреш. максимальной массой более 16 т. </option>
                        <option value="D">D - Автобусы с числом пасс. мест до 20 включительно </option>
                        <option value="D2">D - Автобусы с числом пасс. мест более 20 </option>
                        <option value="Прицепы">Прицепы к легковым автомобилям </option>
                        <option value="Тракторы">Тракторы, самоходные дорожно-строительные и иные машины
                        </option>
                        <option value="Прицепы3">Прицепы к тракторам, самоходным дорожно-строительным и иным
                            машинам </option>
                    </select>
                </div>
            </div>
            <div class="control-group">
                <label class="control-label" for="Region">
                    Регион</label>
                <div class="controls">
                    @Html.DropDownListFor(x => x.Region, Model.ListForRegion, new { @class = "input-large" })
                </div>
            </div>
            <div class="control-group">
                <label class="control-label" for="power">
                    Мощность</label>
                <div class="controls">
                    <select class="input-large" id="power" name="power">
                        <option selected="selected" value="45">До 50 включительно </option>
                        <option value="60">Свыше 50 до 70 включительно </option>
                        <option value="80">Свыше 70 до 100 включительно </option>
                        <option value="110">Свыше 100 до 120 включительно </option>
                        <option value="140">Свыше 120 до 150 включительно </option>
                        <option value="160">Свыше 150 </option>
                    </select>
                    <span class="help-inline">л.с.</span>
                </div>
            </div>
            <div class="control-group">
                <label class="control-label" for="useperiod">
                    Период использования ТС</label>
                <div class="controls">
                    <select class="input-large" id="useperiod" name="useperiod">
                        <option selected="selected" value="12">12 месяцев </option>
                        <option value="11">11 месяцев </option>
                        <option value="10">10 месяцев </option>
                        <option value="9">9 месяцев </option>
                        <option value="8">8 месяцев </option>
                        <option value="7">7 месяцев </option>
                        <option value="6">6 месяцев </option>
                        <option value="5">5 месяцев </option>
                        <option value="4">4 месяца </option>
                        <option value="3">3 месяца </option>
                        <option value="2">2 месяца </option>
                        <option value="1">1 месяца </option>
                        <option value="-1">от 16 дней до 1 месяца </option>
                        <option value="-2">от 5 до 15 дней</option>
                    </select>
                </div>
            </div>
            <div class="control-group">
                <label class="control-label" for="drivers">
                    Количество водителей</label>
                <div class="controls">
                    <label class="radio inline">
                        <input type="radio" name="drivers" value="Ограниченное" id="limitedDrivers" checked="checked"
                            onchange="ChangeDrivers();">
                        Ограниченное
                    </label>
                    <label class="radio inline">
                        <input type="radio" name="drivers" value="Неограниченное" id="unlimitedDrivers" onchange="ChangeDrivers();">
                        Неограниченное
                    </label>
                </div>
            </div>
            <!--Если указано что не ограниченное число водителей, тогда скрывать минимальный фозраст и минимальный стаж-->
            <div class="control-group">
                <label class="control-label" for="min-age">
                    Минимальный возраст</label>
                <div class="controls">
                    <select class="input-large" id="min-age" name="min-age">
                        <option selected="selected" value="20">До 22 лет включительно </option>
                        <option value="25">Более 22 лет </option>
                    </select>
                </div>
            </div>
            <div class="control-group">
                <label class="control-label" for="min-period">
                    Минимальный стаж</label>
                <div class="controls">
                    <select class="input-large" id="min-period" name="min-period">
                        <option selected="selected" value="2">До 3 лет включительно </option>
                        <option value="5">Более 3 лет </option>
                    </select>
                </div>
            </div>
            <div class="control-group">
                <label class="control-label" for="klass-drive">
                    Класс водителя</label>
                <div class="controls">
                    <select class="input-large" id="klass-drive" name="klassdrive">
                        <option value="-1">М (КБМ - 2,45)</option>
                        <option value="0">0 (КБМ - 2,3)</option>
                        <option value="1">1 (КБМ - 1,55)</option>
                        <option value="2">2 (КБМ - 1,4)</option>
                        <option value="3" selected="selected">3 (КБМ - 1)</option>
                        <option value="4">4 (КБМ - 0,95)</option>
                        <option value="5">5 (КБМ - 0,9)</option>
                        <option value="6">6 (КБМ - 0,85)</option>
                        <option value="7">7 (КБМ - 0,8)</option>
                        <option value="8">8 (КБМ - 0,75)</option>
                        <option value="9">9 (КБМ - 0,7)</option>
                        <option value="10">10 (КБМ - 0,65)</option>
                        <option value="11">11 (КБМ - 0,6)</option>
                        <option value="12">12 (КБМ - 0,55)</option>
                        <option value="13">13 (КБМ - 0,5)</option>
                    </select>
                    <span class="help-inline"><a data-toggle="modal" href="#calc-kbm" onclick="$('#calc-kbm').modal('show');">
                        расчитать КБМ</a></span>
                </div>
            </div>		
            <div class="form-actions">
                <button class="btn btn-primary btn-large" type="button" onclick="PostData();">
                    Расчитать ОСАГО</button>
            </div>
        }
    </div>
    <!-- Данные для экспрес-отчета //-->
    <!--// Результаты экспресс-расчета -->
    <div class="span6">
        <div class="widget widget-table action-table">
            <div class="widget-header">
                <i class="icon-th-list"></i>
                <h3>
                    Формула расчета</h3>
            </div>
            <div class="widget-content">
                <table id="osago-calculate" class="table table-bordered table-striped">
                    <thead>
                        <tr>
                            <th>
                                <abbr title="Категория ТС">
                                    Тб</abbr>
                            </th>
                            <th class="col-01">
                                <abbr title="Территория преимущественного использования ТС">
                                    Кт</abbr>
                            </th>
                            <th class="col-01">
                                <abbr title="Наличие или отсутствие страховых выплат">
                                    Кбм</abbr>
                            </th>
                            <th class="col-01">
                                <abbr title="Количество лиц допущенных к управлению">
                                    Ко</abbr>
                            </th>
                            <th class="col-01">
                                <abbr title="Возраст и стаж водителей, допущенных к управлению">
                                    Квс</abbr>
                            </th>
                            <th class="col-01">
                                <abbr title="Мощность двигателя">
                                    Км</abbr>
                            </th>
                            <th class="col-01">
                                <abbr title="Срок страхования">
                                    Кп</abbr>
                            </th>
                            <th class="col-01">
                                <abbr title="Период использования">
                                    Кс</abbr>
                            </th>
                            <th>
                                Итого
                            </th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
        <div class="widget widget-table action-table" id="best-deals">
            <div class="widget-header">
                <i class="icon-star"></i>
                <h3>
                    Лучшие предложения</h3>
            </div>
            <div class="widget-content">
                <p class="text-placeholder">
                    Введите данные для расчета, после чего нажмите "Расчитать ОСАГО"</p>
                <!-- Этот текст следует показывать, пока не нажали кнопку "Расчитать ОСАГО"  -->
                <table class="table table-bordered table-striped" id="companies">
                    <thead>
                        <tr>
                            <th colspan="100%">
                                Компания
                            </th>
                        </tr>
                    </thead>
                    <tbody>
                        @*<tr>
                        <td>
                                <img src="@Url.VirtualImageUrl("sk/soglasie.png")" alt="SOGLASIE">
                            </td>
                            <td>
                                <button class="btn">
                                    Сохранить расчет</button>
                                <a href="#ссылка на сохраненный расчет" class="btn btn-success" title="Открыть сохраненный расчет">
                                    Расчет сохранен</a>
                            </td>
                        </tr>*@
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>
<!--// Модальное окно расчета КБМ -->
<div class="modal hide " id="calc-kbm">
    <div class="modal-header">
        <button data-dismiss="modal" class="close">
            ×</button>
        <h3>
            Расчет КБМ</h3>
    </div>
    <div class="modal-body">
        <div class="tabbable">
            <ul class="nav nav-tabs">
                <li class="active"><a href="#tab1" data-toggle="tab">Калькулятор</a></li>
                <li class=""><a href="#tab2" data-toggle="tab">Таблица для самостоятельного расчета</a></li>
            </ul>
            <div class="tab-content">
                <div class="tab-pane active" id="tab1">
                    <form class="form-horizontal">
                    <fieldset>
                        <div class="control-group">
                            <label class="control-label" for="path">
                                <abbr title="Страховая премия">
                                    СП</abbr>
                                за прошлый год</label>
                            <div class="controls">
                                <select class="input-medium" id="current-kbm">
                                    <option selected="selected">Не известно </option>
                                    <option>2376,00 </option>
                                    <option>2486,00 </option>
                                    <option>3960,00 </option>
                                    <option>4752,00 </option>
                                </select>
                                <span class="help-inline">руб.</span>
                            </div>
                        </div>
                        <div class="control-group">
                            <label class="control-label" for="pay">
                                Страховых случаев</label>
                            <div class="controls">
                                <select class="input-medium" id="pay">
                                    <option selected="selected">0 </option>
                                    <option>1 </option>
                                    <option>2 </option>
                                </select>
                                <span class="help-block">Наличие ДТП по вине водителя за период действия прошлого договора,
                                    по которым страховая компания производила выплаты потерпевшим. ДТП в котором водитель
                                    признан пострадавшим, не относится к этому пункту.</span>
                            </div>
                        </div>
                        <!--div class="control-group">
						<label class="control-label">КБМ</label>
							<div id="kbm" class="controls">
								<p class="form-text">0,85</p>
							</div>
						</div-->
                        <div class="control-group">
                            <label class="control-label">
                                Класс водителя</label>
                            <div id="drive-class" class="controls">
                                <p class="form-text">
                                    5</p>
                            </div>
                        </div>
                    </fieldset>
                    <div class="control-group">
                        <div class="controls">
                            <button class="btn btn-primary">
                                Вставить результат в калькулятор</button>
                        </div>
                    </div>
                    </form>
                </div>
                <div class="tab-pane" id="tab2">
                    <table class="table table-bordered table-striped ">
                        <tbody>
                            <tr>
                                <th rowspan="3">
                                    Класс на начало срока страхования
                                </th>
                                <th rowspan="3">
                                    КБМ
                                </th>
                                <th colspan="5">
                                    Класс по окончании срока страхования с учетом страховых случаев по вине страхователя
                                </th>
                            </tr>
                            <tr>
                                <th colspan="5">
                                    Количество страховых выплат
                                </th>
                            </tr>
                            <tr>
                                <th>
                                    0
                                </th>
                                <th>
                                    1
                                </th>
                                <th>
                                    2
                                </th>
                                <th>
                                    3
                                </th>
                                <th>
                                    4
                                </th>
                            </tr>
                            <tr>
                                <td>
                                    М
                                </td>
                                <td>
                                    2,45
                                </td>
                                <td>
                                    0
                                </td>
                                <td>
                                    М
                                </td>
                                <td>
                                    М
                                </td>
                                <td>
                                    М
                                </td>
                                <td>
                                    М
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    0
                                </td>
                                <td>
                                    2,3
                                </td>
                                <td>
                                    1
                                </td>
                                <td>
                                    М
                                </td>
                                <td>
                                    М
                                </td>
                                <td>
                                    М
                                </td>
                                <td>
                                    М
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    1
                                </td>
                                <td>
                                    1,55
                                </td>
                                <td>
                                    2
                                </td>
                                <td>
                                    М
                                </td>
                                <td>
                                    М
                                </td>
                                <td>
                                    М
                                </td>
                                <td>
                                    М
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    2
                                </td>
                                <td>
                                    1,4
                                </td>
                                <td>
                                    3
                                </td>
                                <td>
                                    1
                                </td>
                                <td>
                                    М
                                </td>
                                <td>
                                    М
                                </td>
                                <td>
                                    М
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    3
                                </td>
                                <td>
                                    1,0
                                </td>
                                <td>
                                    4
                                </td>
                                <td>
                                    1
                                </td>
                                <td>
                                    М
                                </td>
                                <td>
                                    М
                                </td>
                                <td>
                                    М
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    4
                                </td>
                                <td>
                                    0,95
                                </td>
                                <td>
                                    5
                                </td>
                                <td>
                                    2
                                </td>
                                <td>
                                    1
                                </td>
                                <td>
                                    М
                                </td>
                                <td>
                                    М
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    5
                                </td>
                                <td>
                                    0,9
                                </td>
                                <td>
                                    6
                                </td>
                                <td>
                                    3
                                </td>
                                <td>
                                    1
                                </td>
                                <td>
                                    М
                                </td>
                                <td>
                                    М
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    6
                                </td>
                                <td>
                                    0,85
                                </td>
                                <td>
                                    7
                                </td>
                                <td>
                                    4
                                </td>
                                <td>
                                    2
                                </td>
                                <td>
                                    М
                                </td>
                                <td>
                                    М
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    7
                                </td>
                                <td>
                                    0,8
                                </td>
                                <td>
                                    8
                                </td>
                                <td>
                                    4
                                </td>
                                <td>
                                    2
                                </td>
                                <td>
                                    М
                                </td>
                                <td>
                                    М
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    8
                                </td>
                                <td>
                                    0,75
                                </td>
                                <td>
                                    9
                                </td>
                                <td>
                                    5
                                </td>
                                <td>
                                    2
                                </td>
                                <td>
                                    М
                                </td>
                                <td>
                                    М
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    9
                                </td>
                                <td>
                                    0,7
                                </td>
                                <td>
                                    10
                                </td>
                                <td>
                                    5
                                </td>
                                <td>
                                    2
                                </td>
                                <td>
                                    1
                                </td>
                                <td>
                                    М
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    10
                                </td>
                                <td>
                                    0,65
                                </td>
                                <td>
                                    11
                                </td>
                                <td>
                                    6
                                </td>
                                <td>
                                    3
                                </td>
                                <td>
                                    1
                                </td>
                                <td>
                                    М
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    11
                                </td>
                                <td>
                                    0,6
                                </td>
                                <td>
                                    12
                                </td>
                                <td>
                                    6
                                </td>
                                <td>
                                    3
                                </td>
                                <td>
                                    1
                                </td>
                                <td>
                                    М
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    12
                                </td>
                                <td>
                                    0,55
                                </td>
                                <td>
                                    13
                                </td>
                                <td>
                                    6
                                </td>
                                <td>
                                    3
                                </td>
                                <td>
                                    1
                                </td>
                                <td>
                                    М
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    13
                                </td>
                                <td>
                                    0,5
                                </td>
                                <td>
                                    13
                                </td>
                                <td>
                                    7
                                </td>
                                <td>
                                    3
                                </td>
                                <td>
                                    1
                                </td>
                                <td>
                                    М
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
    <div class="modal-footer">
        <button data-dismiss="modal" class="btn">
            Закрыть окно</button>
    </div>
</div>
<!-- Модальное окно расчета КБМ //-->
@{Html.RenderPartial("_ListObjects", Model.Objects);}
